<template>
  <div class="box">
    <div class="topBox"></div>
  </div>
</template>
<script>
export default {};
</script>
<style lang="scss" scoped>
.box {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}
.topBox {
  // height: 628px;
  // background-image: url(https://assets-cdn.lanqb.com/school/nicca/c1-bg_pc.png);
  // background-repeat: no-repeat;
  // background-position: 50% 0;
  height: 800px;
  background: #cbe5ff url(https://assets-cdn.lanqb.com/onschool/zly/bg-blue.jpg)
    repeat 50%;
  position: relative;
}
.topBox::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://assets-cdn.lanqb.com/onschool/zly/bg-square.png)
    repeat top;
}
</style>